<!DOCTYPE html>
<!--[if IE 8]> <html lang="zh-CN" class="ie8"> <![endif]-->
<!--[if !IE]><!-->
<html lang="zh-CN">
<!--<![endif]-->
<head>

    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=8">
    <meta charset="utf-8" />
    <title>庭审信息管理平台</title>
    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" name="viewport" />
    <meta content="" name="description" />
    <meta content="" name="author" />

    <!-- ================== BEGIN BASE CSS STYLE ================== -->
    <link href="../../assets/plugins/jquery-ui/themes/base/minified/jquery-ui.min.css" rel="stylesheet" />
    <link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" />
    <link href="../../assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" />
    <link href="../../assets/plugins/layui/css/layui.css" rel="stylesheet" />
    <link href="../../assets/css/animate.min.css" rel="stylesheet" />
    <link href="../../assets/css/style.css" rel="stylesheet" />
    <link href="../../assets/css/style-responsive.min.css" rel="stylesheet" />
    <link href="../../assets/css/theme/blue.css" rel="stylesheet" id="theme" />
    <link href="../../assets/css/base.css" rel="stylesheet" />
    <!-- ================== END BASE CSS STYLE ================== -->

    <!-- ================== BEGIN PAGE LEVEL CSS STYLE ================== -->
    <link rel="stylesheet" type="text/css" href="../../assets/css/loading.css">
    <link rel="stylesheet" type="text/css" href="../../assets/plugins/bootstrap-datetimepicker/css/bootstrap-datetimepicker.min.css">
    <link rel="stylesheet" href="../../assets/css/group.css"  />
    <!-- ================== END PAGE LEVEL CSS STYLE ================== -->
</head>
<body>
<!--loading 加载层-->
<div id="loading">
    <div id="loading-center">
        <div id="loading-center-absolute">
            <div class="object" id="object_four"></div>
            <div class="object" id="object_three"></div>
            <div class="object" id="object_two"></div>
            <div class="object" id="object_one"></div>
        </div>
    </div>
</div>
<!-- begin #page-container -->
<div id="page-container" class="page-container fade page-without-sidebar">
    <!-- begin #header -->
    <div id="header" class="header navbar navbar-cmp navbar-static-top">
        <!-- begin container-fluid -->
        <div class="container-fluid">
            <!-- begin mobile sidebar expand / collapse button -->
            <div class="navbar-header">
                <a href="index.html" class="navbar-brand">
                    <img class="navbar-logo" src="../../assets/img/v2_head_logo_01.png"/>
                </a>
                <button type="button" class="navbar-toggle" data-click="sidebar-toggled">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>
            <!-- end mobile sidebar expand / collapse button -->
            <!-- begin header navigation right -->
            <ul class="nav navbar-nav navbar-right">
                <!--<li>-->
                    <!--<a href="javascript:;">-->
                        <!--<i class="fa fa-gear"></i>-->
                        <!--设置-->
                    <!--</a>-->
                <!--</li>-->
                <li>
                    <a href="javascript:base.logout();">
                        <i class="fa fa-arrow-left"></i>
                        登出
                    </a>
                </li>
            </ul>
            <!-- end header navigation right -->
        </div>
        <!-- end container-fluid -->
    </div>
    <!-- end #header -->

    <!-- begin #content -->
    <div id="content" class="content">
        <div class="row">
            <div class="col-md-12">
                <div class="panel cmp-panel cmp_index_top_panel">
                    <div class="panel-body">
                        <div class="row">
                            <div class="col-sm-4">
                                <div class="cmp-plugins-count center">
                                    <img class="group-title-user-img" src="../../assets/img/user-15.jpg"/>
                                    <div class="group-title-user">
                                        <div class="group-title-user-name text-left">
                                            <span>姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</span>
                                            <span>唐伟唐伟</span>
                                        </div>
                                        <div class="group-title-user-court text-left">
                                            <span>所属法院：</span>
                                            <span>福建高院</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="cmp-plugins-count center">
                                    <div class="cmp-plugins-title">法官数</div>
                                    <div class="cmp-plugins-count-num cmp-plugins-title-judge">
                                        <span class="cmp-plugins-count-num-1">0</span>
                                        <span class="cmp-plugins-count-num-2">0</span>
                                        <span class="cmp-plugins-count-num-3">0</span>
                                        <span class="cmp-plugins-count-num-4">0</span>
                                    </div>
                                    <div class="cmp-plugins-title">名</div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="cmp-plugins-count center">
                                    <div class="cmp-plugins-title">开庭数</div>
                                    <div class="cmp-plugins-count-num cmp-plugins-title-closed">
                                        <span class="cmp-plugins-count-num-1">0</span>
                                        <span class="cmp-plugins-count-num-2">0</span>
                                        <span class="cmp-plugins-count-num-3">0</span>
                                        <span class="cmp-plugins-count-num-4">0</span>
                                    </div>
                                    <div class="cmp-plugins-title">个</div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="cmp-plugins-count center">
                                    <div class="cmp-plugins-title">总时长</div>
                                    <div class="cmp-plugins-count-num cmp-plugins-title-now">
                                        <span class="cmp-plugins-count-num-1">0</span>
                                        <span class="cmp-plugins-count-num-2">0</span>
                                        <span class="cmp-plugins-count-num-3">0</span>
                                        <span class="cmp-plugins-count-num-4">0</span>
                                    </div>
                                    <div class="cmp-plugins-title">天</div>
                                </div>
                            </div>
                            <div class="col-sm-2">
                                <div class="cmp-plugins-count center">
                                    <div class="cmp-plugins-title">总容量</div>
                                    <div class="cmp-plugins-count-num cmp-plugins-title-size">
                                        <span class="cmp-plugins-count-num-1">0</span>
                                        <span class="cmp-plugins-count-num-2">0</span>
                                        <span class="cmp-plugins-count-num-3">0</span>
                                        <span class="cmp-plugins-count-num-4">0</span>
                                    </div>
                                    <div class="cmp-plugins-title">T</div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-md-4 cmp-center-left-col">
                <div class="panel cmp-panel">
                    <div class="panel-body">
                        <div class="group-left-top">
                            <div class="group-left-dropdown" id="dropmenu_judge">
                                <a href="javascript:;" data-toggle="dropdown" class="btn btn-cmp-dropdown dropdown-toggle">所有法官 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="javascript:;"></a></li>
                                </ul>
                            </div>
                            <div class="group-left-dropdown" id="dropmenu_courtroom">
                                <a href="javascript:;" data-toggle="dropdown" class="btn btn-cmp-dropdown dropdown-toggle">所有法庭 <span class="caret"></span></a>
                                <ul class="dropdown-menu">
                                    <li><a href="javascript:;"></a></li>
                                </ul>
                            </div>

                        </div>
                        <ul class="nav nav-tabs cmp-left-tabs">
                            <li class="active"><a href="#left-tab-1" data-toggle="tab">庭审排期</a></li>
                            <li class=""><a href="#left-tab-2" data-toggle="tab">庭审回顾</a></li>
                            <!--<li class=""><a href="#left-tab-3" data-toggle="tab">经典案例</a></li>-->
                        </ul>
                        <div class="tab-content cmp-left-tabs-content" id="cmp-left-tabs-content">
                            <div class="tab-pane fade active in" id="left-tab-1">
                                <ul class="media-list media-list-with-divider">
                                </ul>
                                <div class="cmp-left-tabs-link">
                                    <a href="javascript:;">更多开庭>></a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="left-tab-2">
                                <ul class="media-list media-list-with-divider">
                                </ul>
                                <div class="cmp-left-tabs-link">
                                    <a href="javascript:;">更多回顾>></a>
                                </div>
                            </div>
                            <div class="tab-pane fade" id="left-tab-3">
                                <ul class="media-list media-list-with-divider">
                                </ul>
                                <div class="cmp-left-tabs-link">
                                    <a href="javascript:;">更多回顾>></a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4 cmp-center-map-col">
                <div class="panel cmp-panel cmp-panel-opacity">
                    <div class="panel-body">
                        <div id="cmp-center-panel">
                            <div class="group-center-video">
                                <div class="group-center-video-type">
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div>合成图像</div>
                                        </div>
                                        <div class="col-md-3">
                                            <div>激励图像</div>
                                        </div>
                                        <div class="col-md-3">
                                            <div>法官图像</div>
                                        </div>
                                        <div class="col-md-3">
                                            <div>公诉图像</div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-3">
                                            <div>辩护图像</div>
                                        </div>
                                        <div class="col-md-3">
                                            <div>旁听席图像</div>
                                        </div>
                                        <div class="col-md-3">
                                            <div>上诉人图像</div>
                                        </div>
                                        <div class="col-md-3">
                                            <div>证据图像</div>
                                        </div>
                                    </div>
                                </div>
                                <div class="group-center-video-player">
                                    <object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921"
                                            width="100%"
                                            height="330px"
                                            id="vlc"
                                            events="True">
                                        <param name="MRL" value="" />
                                        <param name="ShowDisplay" value="True" />
                                        <param name="AutoLoop" value="False" />
                                        <param name="AutoPlay" value="False" />
                                        <param name="Volume" value="50" />
                                        <param name="toolbar" value="true" />
                                        <param name="StartTime" value="0" />
                                        <EMBED pluginspage="http://www.videolan.org"
                                               type="application/x-vlc-plugin"
                                               version="VideoLAN.VLCPlugin.2"
                                               width="100%"
                                               height="330px"
                                               toolbar="false"
                                               bgcolor = "white"
                                               loop="true"
                                               text="Waiting for video"
                                               name="vlc">
                                        </EMBED>
                                    </object>
                                    <div id="pro_bar"></div>
                                    <!--<div class="vlc">-->
                                       <!---->
                                        <!--&lt;!&ndash;<div class="audioplayer">&ndash;&gt;-->
                                            <!--&lt;!&ndash;<audio preload="auto" controls=""&ndash;&gt;-->
                                                   <!--&lt;!&ndash;style="width: 0px; height: 0px; visibility: hidden;">&ndash;&gt;-->
                                                <!--&lt;!&ndash;<source src="../../assets/battle.mp3">&ndash;&gt;-->
                                            <!--&lt;!&ndash;</audio>&ndash;&gt;-->
                                            <!--&lt;!&ndash;<div class="audioplayer-playpause" title="Play"><a href="#">Play</a></div>&ndash;&gt;-->
                                            <!--&lt;!&ndash;<div class="audioplayer-time audioplayer-time-current">00:01</div>&ndash;&gt;-->
                                            <!--&lt;!&ndash;<div class="audioplayer-bar">&ndash;&gt;-->
                                                <!--&lt;!&ndash;<div class="audioplayer-bar-loaded" style="width: 100%;"></div>&ndash;&gt;-->
                                                <!--&lt;!&ndash;<div class="audioplayer-bar-played" style="width: 1.00257%;"></div>&ndash;&gt;-->
                                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                            <!--&lt;!&ndash;<div class="audioplayer-time audioplayer-time-duration">00:56</div>&ndash;&gt;-->
                                            <!--&lt;!&ndash;<div class="audioplayer-volume">&ndash;&gt;-->
                                                <!--&lt;!&ndash;<div class="audioplayer-volume-button" title="Volume"><a&ndash;&gt;-->
                                                        <!--&lt;!&ndash;href="#">Volume</a></div>&ndash;&gt;-->
                                                <!--&lt;!&ndash;<div class="audioplayer-volume-adjust">&ndash;&gt;-->
                                                    <!--&lt;!&ndash;<div>&ndash;&gt;-->
                                                        <!--&lt;!&ndash;<div style="height: 100%;"></div>&ndash;&gt;-->
                                                    <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                                <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                            <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                        <!--&lt;!&ndash;</div>&ndash;&gt;-->
                                    <!--</div>-->
                                </div>
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#center-tab-1" data-toggle="tab">案件信息</a></li>
                                    <li class=""><a href="#center-tab-2" data-toggle="tab">笔录</a></li>
                                </ul>
                                <div class="tab-content cmp-center-tabs-content" id="cmp-center-tabs-content">
                                    <div class="tab-pane fade active in" id="center-tab-1">
                                        <pre>
                                        </pre>
                                    </div>
                                    <div class="tab-pane fade" id="center-tab-2">
                                        <pre>
                                        </pre>
                                    </div>
                                </div>
                            </div>
                            <div></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="panel cmp-panel">
                    <div class="panel-body">
                        <div id="cmp-right" class="cmp-right">
                            <div class="group-right-search">
                             <!--    <form> -->
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group form-no-margin">
                                                <label for="startTime" class="col-md-4 text-right form-label">开始时间：</label>
                                                <div class='input-group date ' id='startTime'>
                                                    <input type='text' class="form-control" />
                                                    <span class="input-group-addon datetime-cus">
                                                    <span class="glyphicon glyphicon-calendar"></span>
                                                </span>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group form-no-margin">
                                                <label for="endTime" class="col-md-4 text-right form-label">截至时间：</label>
                                                <div class='input-group date ' id='endTime'>
                                                    <input type='text' class="form-control" />
                                                    <span class="input-group-addon datetime-cus">
                                                    <span class="glyphicon glyphicon-calendar"></span>
                                                </span>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="row">
                                        <div class="col-md-6">
                                            <div class="form-group form-no-margin">
                                                <label for="caseno" class="col-md-4 text-right form-label">案号检索：</label>
                                                <div class="input-group">
                                                    <input type="text" class="form-control" id="caseno" placeholder="案号">
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-6">
                                            <div class="form-group form-no-margin">
                                                <div class="col-md-6">
                                                    <button id="submitButton" type="submit" class="btn btn-cmp-distinct btn-block">搜索</button>
                                                </div>
                                                <div class="col-md-6">
                                                    <button id="search" type="button" class="btn btn-cmp-distinct btn-block">高级搜索</button>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                            <!--     </form> -->
                            </div>
                            <div class="group-right-list">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#right-list-tab-1" data-toggle="tab">案件信息</a></li>
                                    <li class=""><a href="#right-list-tab-2" data-toggle="tab">核查统计</a></li>
                                </ul>
                                <div class="tab-content cmp-left-tabs-content" id="cmp-right-tabs-content">
                                    <div class="tab-pane fade active in" id="right-list-tab-1">
                                    </div>
                                    <div class="tab-pane fade" id="right-list-tab-2">
                                    </div>
                                </div>
                            </div>

                            <div class="group-right-chart">
                                <ul class="nav nav-tabs">
                                    <li class="active"><a href="#right-chart-tab-1" data-toggle="tab">开庭时长</a></li>
                                    <li class="" id="right_chart_tab_2_li"><a href="#right-chart-tab-2" data-toggle="tab">开庭次数</a></li>
                                </ul>
                                <div class="tab-content cmp-left-tabs-content" id="cmp-chart-tabs-content">
                                    <div class="tab-pane fade active in" id="right-chart-tab-1">

                                    </div>
                                    <div class="tab-pane fade canvas" id="right-chart-tab-2">

                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- end #content -->

    <!-- begin scroll to top btn -->
    <a href="javascript:;" class="btn btn-icon btn-circle btn-blue btn-scroll-to-top fade" data-click="scroll-top"><i class="fa fa-angle-up"></i></a>
    <!-- end scroll to top btn -->
</div>
<!-- end page container -->

<!-- ================== BEGIN BASE JS ================== -->
<script type="text/javascript" src="../../assets/plugins/jquery/jquery-1.11.0.js"></script>
<script type="text/javascript" src="../../assets/plugins/jquery/jquery-migrate-1.1.0.min.js"></script>
<script type="text/javascript" src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script>
<!--[if lt IE 9]>
    <script type="text/javascript" src="../../assets/crossbrowserjs/html5shiv.js"></script>
    <script type="text/javascript" src="../../assets/crossbrowserjs/respond.min.js"></script>
    <script type="text/javascript" src="../../assets/crossbrowserjs/excanvas.min.js"></script>
<![endif]-->
<script type="text/javascript" src="../../assets/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="../../assets/plugins/jquery-cookie/jquery.cookie.js"></script>
<script type="text/javascript" src="../../assets/plugins/layui/layui.js"></script>
<script type="text/javascript" src="../../assets/js/utils.js"></script>
<script type="text/javascript" src="../../assets/js/base.js"></script>
<!-- ================== END BASE JS ================== -->

<!-- ================== BEGIN PAGE LEVEL JS ================== -->
<script type="text/javascript" src="../../assets/js/apps.js"></script>
<script type="text/javascript" src="../../assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="../../assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js" charset="UTF-8"></script>
<script type="text/javascript" src="../../assets/plugins/echart/echarts.js"></script>
<script src="../../assets/plugins/bootstrap-table/bootstrap-table.min.js"></script>
<script src="../../assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>


<!--<link rel="stylesheet" href="../../assets/plugins/audioPlayer/css/audioplayer.css"  />-->
<script type="text/javascript" src="../../assets/plugins/cmp-progress-bar/cmp-progress-bar.js"></script>
<script type="text/javascript" src="../../assets/js/vlc_load.js"></script>
<script type="text/javascript" src="../../assets/js/group.js"></script>
<!-- ================== END PAGE LEVEL JS ================== -->

<script>
    $(document).ready(function() {
        App.init();
    });
</script>
</body>
</html>
